.gzdsx-pos-tabs{
    display: block;

    &__header{
        display: flex;
        column-gap: 5px;

        .tab {
            &-item {
                background-color: $color-primary;
                padding: .7rem 1.2rem;
                line-height: 1;
                cursor: pointer;
                display: flex;
                column-gap: 5px;
                color: #ffffff;

                i {
                    font-size: 14px !important;
                }
            }

            &-active {
                background-color: #EAEAEA;
                color: #333333;
            }
        }
    }

    &__content{
        flex: 1;
        position: relative;
        background-color: #EAEAEA;
    }
}